<template>
	<view class="mine" :style="{height: pageHeight + 'px'}">
		<view style="position: relative;background: linear-gradient( 180deg, #FF6565 0%, #FF3030 100%);height: 204px;">
			<view style="position: absolute;top: 50%;height: 60px;width: 95%;margin: 0 auto;left: 0;right: 0;display: flex;align-items: center;transform: translateY(-50%);">
				<view style="flex: 1;display: flex;align-items: center;">
					<u--image src="" width="60px" height="60px" style="display: inline-block;margin-right: 15px;"></u--image>
					<text style="font-size: 14px;color: #fff;">旭九日</text>
				</view>
				<u--image style="flex: 0 0 15px;" src="../../static/images/icon-right2.svg" width="14px" height="14px"></u--image>
			</view>
		</view>
		<view class="funs">
			<view @click="detail('a')" style="box-sizing: border-box;padding: 15px;">
				<u--image  src="../../static/images/icon-mine-1.svg" width="20px" height="20px" style="display: inline-block;vertical-align: middle;margin-right: 15px;"></u--image>
				<text style="font-size: 14px;color: #211F1D;vertical-align: middle;">基本信息</text>
			</view>
			<view style="width: 95%;margin: 0 auto;height: 1px;background-color: #e6e6e699;"></view>
			<view  @click="detail('b')" style="box-sizing: border-box;padding: 15px;">
				<u--image  src="../../static/images/icon-mine-2.svg" width="20px" height="20px" style="display: inline-block;vertical-align: middle;margin-right: 15px;"></u--image>
				<text style="font-size: 14px;color: #211F1D;vertical-align: middle;">我的发布</text>
			</view>
			<view style="width: 95%;margin: 0 auto;height: 1px;background-color: #e6e6e699;"></view>
			<view @click="detail('c')" style="box-sizing: border-box;padding: 15px;">
				<u--image  src="../../static/images/icon-mine-3.svg" width="20px" height="20px" style="display: inline-block;vertical-align: middle;margin-right: 15px;"></u--image>
				<text style="font-size: 14px;color: #211F1D;vertical-align: middle;">我的信息</text>
			</view>
			<view style="width: 95%;margin: 0 auto;height: 1px;background-color: #e6e6e699;"></view>
			<view @click="detail('d')" style="box-sizing: border-box;padding: 15px;">
				<u--image  src="../../static/images/icon-mine-4.svg" width="20px" height="20px" style="display: inline-block;vertical-align: middle;margin-right: 15px;"></u--image>
				<text style="font-size: 14px;color: #211F1D;vertical-align: middle;">我的订单</text>
			</view>
			<view style="width: 95%;margin: 0 auto;height: 1px;background-color: #e6e6e699;"></view>
			<view @click="detail('e')" style="box-sizing: border-box;padding: 15px;">
				<u--image  src="../../static/images/icon-mine-5.svg" width="20px" height="20px" style="display: inline-block;vertical-align: middle;margin-right: 15px;"></u--image>
				<text style="font-size: 14px;color: #211F1D;vertical-align: middle;">退出登录</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageHeight: 0
			}
		},
		created() {
			this.$nextTick(() => {
				uni.getSystemInfo({
				  success: (res) => {  
					this.pageHeight = res.windowHeight
				  }  
				});
				
		
			})
		},
		methods: {
			detail(type) {
				if(type == 'a') {
					uni.navigateTo({
						url: '/pages/components/mine/info'
					})
				}
				if(type == 'b') {
					uni.navigateTo({
						url: '/pages/components/mine/publish'
					})
				}
				if(type == 'c') {
					uni.navigateTo({
						url: '/pages/components/mine/messlist'
					})
				}
				if(type == 'd') {
					uni.navigateTo({
						url: '/pages/components/mine/myOrder'
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.mine {
		background: #F7F8F9;
	
		.funs {
			background-color: #fff;
			width: 345px;
			border-radius: 10px;
			transform: translateY(-30px);
			margin: 0 auto;
		}	
	}
	
</style>